@charset "utf-8";
.hd {text-align:center;padding:10px 0 20px;}
.hd h1 {font-size:30px;color:#010101;line-height:1.4;font-weight:100;transition:all .3s;}
.hd h1 em {color:#02235A;font-weight:100;}
.hd i {width:10%;margin:10px auto;background:#339966;height:3px;display:block;position:relative;z-index:2;transition:all .3s;}
.hd .p2 {margin:10px 0;font-size:13px;font-family:Arial;color:#777;text-transform:uppercase;line-height:1.8em;transition:all .3s;}
.hd:hover h1 {letter-spacing:0.3em;}
.hd:hover i {width:30%;}
.hd:hover .p2 {color:#003366;}

.App {padding:20px 0 0;background:#fff;background:#f3f3f3;background-size:cover;}
.App-list li {width:23%;margin:0 15px;float:left;margin-bottom:54px;position:relative;overflow:hidden;}
.App-list li h2 {height:40px;line-height:40px;color:#444;font-weight:normal;position:relative;font-size:16px;transition:770ms;text-align:center;}
.App-list li  img {width:100%;height:80%;margin:5px 0;transition:all .4s;}
.App-list li>a:hover img {transform:scale(1.5,1.5);}
.App-list li:hover h2 {background:#f00;color:#000;}
.App-list li h2 {background:#fff;color:#000;}
.About {padding-bottom:34px;width:100%;}
.About .About-inner {position:relative;}
.About .About-inner .About-img {position:absolute;top:-31px;left:6px;}
.About .About-inner .About-img {width:40%;left:6px;}
.About .About-inner .About-img img {width:100%;}
.About .About-inner .contt {padding:26px 1% 28px 44%;margin:50px 0 0 6px;background:#339966;font-size:.8em;font-weight:100;line-height:1.5em;color:#fff;}
.About .About-inner .contt h1 {font-size:1.8em;font-weight:500;line-height:2em;}
.about-link {padding-top:14px;text-align:center;}
.about-link a {display:inline-block;width:130px;height:35px;margin:0 12px;background:#ccc;color:#fff;font-size:14px;line-height:35px;transition:all .77s;border-radius:5px;}
.about-link a:hover {background:#003399}
.news {margin:30px auto;position:relative;background:#f3f3f3;padding:0 0 30px 0;}
.news-list li {width:50%;float:left;position:relative;overflow:hidden;}
.news-list li h2 {height:40px;line-height:40px;color:#444;font-weight:normal;position:relative;font-size:16px;transition:770ms;text-align:center;}
.news-list li  img {width:40%;transition:all .4s;position:absolute;right:2px;z-index:10;top:10%;}
.news-listli>a:hover img {transform:scale(1.5,1.5);}
.news-list li:nth-child(n+1)  .figcaption {width:50%;left:0;background:#c7c7c7;padding:20px 25% 20px 5%;color:#fff;position:relative;}
.news-list li:nth-child(2n)  .figcaption {width:50%;left:0;background:#339966;padding:20px 25% 20px 5%;color:#fff;position:relative;}
.news-list li  .figcaption p {line-height:1.5em;font-size:0.8em;font-weight:100;}
.news-list li  .figcaption h4 a {font-size:1em;font-weight:500;color:#fff;}
.project {margin:30px auto;position:relative;background:#fff;padding:0 0 30px 0;}
.project li:nth-child(1) {width:50%;float:left;overflow:hidden;}
.project li:nth-child(1) img {width:100%;transition:all .4s;}
.project li:nth-child(1)  .figcaption {width:100%;padding:10px 0;color:#333;}
.project li.figcaption h4 {font-size:1em;font-weight:600;}
.project li  .figcaption p {line-height:1.5em;font-size:0.8em;font-weight:100;}
.project li:nth-child(2),.project li:nth-child(3),.project li:nth-child(4) {width:49%;float:left;overflow:hidden;margin:10px 0 0 1%;}
.project li:nth-child(2) img,.project li:nth-child(3) img,.project li:nth-child(4) img {width:34%;height:auto;margin:10px 3%;float:left;}
.project li:nth-child(2)  .figcaption,.project li:nth-child(3)  .figcaption,.project li:nth-child(4)  .figcaption {width:100%;padding:15px 0;color:#333;}
/*.news li {width:270px;height:180px;float:left;}
.news li a {display:block;position:relative;color:#000;text-decoration:none;cursor:pointer;}
.news li img {width:100%;height:auto;transition:all .3s;}
.news .newslist .figcaption {width:240px;height:150px;margin:30px 30px 0;position:absolute;top:30px;}
.news li:nth-child(2n-1) img {display:none;}
.news li:nth-child(2n-1):hover img {display:block;}
.news li:nth-child(2n) img {display:block;}
.news li:nth-child(2n):hover img {display:none;}
.news li:nth-child(2n) .figcaption {display:none;}
.news li:nth-child(2n ):hover .figcaption {display:block;}
.news li:nth-child(2n-1) .figcaption {display:block;}
.news li:nth-child(2n-1):hover .figcaption {display:none;}
.news .newslist .figcaption .purchase {display:block;width:72px;height:29px;text-align:center;line-height:29px;color:#fff5e3;background:#f00;margin:20px 20px 0 0;float:right;transition:770ms;}
.news li.on {opacity:0.4;}
.news .newslist  .figcaption .tlt {font-size:1.5em;font-family:"微软雅黑",Times,serif;text-align:left;margin:6px 0 3px;font-weight:700;}
.news .newslist  .figcaption p {font-size:1em;font-family:"微软雅黑",Times,serif;text-align:left;font-weight:100;color:#ABABAB;}
*/